<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>WebUrl</title>
		<script src="./js/aeiacjs.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#upText{
				font-family: 宋体;
				font-size: 15px;
				color: #a19c9e;
				border: 1px solid black ;
				border-radius: 10px ;
			}
		
			#div1{
				margin: auto;
				width: 500px;
				height: 500px;
				border: 1px solid #000000;
			}
			#div2{
				width: 400px;
				height: 400px;
				border: 1px solid #ff0000;
			}
			#div3{
				
				width: 300px;
				height: 300px;
				border: 1px solid #0000ff;
			}
			#div4{
				
				width: 200px;
				height: 200px;
				border: 1px solid #005500;
			}
			#div2,#div3,#div4{
				margin-top: 50px;
				margin-left: 50px;
			}
			#spList,#subText{
				color: #00ffff;
				background-color: #000000;	
				font-size: 17px;
				border: 1px solid ;
				border-radius: 10px 0 10px 0;
			}
		</style>
	</head>
	
	<body>
		
		<hr >
		<h2>作业1</h2>
		<select id="urlWeb" onchange="onUrl()">
			<option value ="">请选择你的网站</option>
			<option value ="http://www.baidu.com">百度</option>
			<option value ="http://www.163.com">网易</option>
			<option value ="http://www.taobao.com">淘宝</option>
		</select>
		<hr>
		<h2>作业2</h2>
		<br>
		<input type="text"   id="subText"  placeholder="请输入内容" />
		<input type="button" id="subMitee" value="查询" onclick="heigthG()" />
		<div id="upText">
				&nbsp;&nbsp;观察者网讯）阿富汗局势变化速度出乎众多西方国家意料，英国首相约翰逊更是提出，美国撤军决定加速了阿政府倒台。 但在为“阿富汗已经发生并可能继续发生的后果而‘心碎’”之后，美国总统拜登周三（18日）继续为他的撤军决定辩护，同时不承认“情报、计划、执行或判断上的失败”。 据美国广播公司（ABC）新闻网站8月19日报道，拜登在阿富汗局势剧变之后首次接受专访。面对ABC新闻主持人乔治·斯特凡诺普洛斯（George Stephanopoulos），拜登仍在为美国仓促撤军辩解。但他首次声称，他认为混乱是不可避免的。 “所以你不认为撤军本可以处理得更好、没有失误吗？”主持人问他。 “是的，我不认为有办法在不引发混乱的情况下撤离。我不知道怎么做到这点。” 点击查看大图 美媒评价称，拜登的撤军决定在阿富汗引发一片混乱，多达1.1万名美国人和数万名“处境危险”的阿富汗人仓促逃离。喀布尔机场跑道上飞机被人群包围的场景，引发了两党对拜登政府匆忙撤军决定的批评。 当主持人提到那些场景时，拜登表现出了“防御姿态”。 “我们都看到了那些照片。我们看到数百人挤在一架C-17运输机里。我们看到阿富汗人掉落……” 点击查看大图 640人“塞在”美国空军C-17运输机机舱内 点击查看大图 “那是四天前，五天前了！”拜登突然打断称。 “那你第一眼看到那些照片时，是怎么想的？” 拜登的回答是，“必须控制住这种局面”，以及“我们做到了”。 周二晚些时候，美国称已经从阿富汗成功撤离3200人，其中包括美国大使馆的所有人员，喀布尔机场的核心外交官除外。官员们还称，他们希望每天能够撤离9000人。 但是，美国政府目前没有为在阿美国公民提供去机场的安全交通工具，随着塔利班检查站的更为严格，目前还不清楚有多少人能够安全抵达机场。 所以主持人问他：“当你看到过去一周发生的事情，（是否认为）这是情报、计划、执行或判断上的失败？” 拜登没有正面回答：“听着，这是个简单的选择题。当你听到阿富汗政府的领导人坐飞机去了另一个国家，看到我们训练过的阿富汗军队溃败——多达30万人，丢下装备就走了……这就是（过去一周）发生的事。事情就是这样。” “所以一开始的问题就是，我们努力在我们设定的时间表内撤离吗？还是延迟到9月1日？又或投入更多的军队？” 而《华盛顿邮报》对此解读认为，拜登对主持人有关“失败”的说法表示了反对，然后指责起了阿富汗政府和阿富汗军队的溃败。 不过，德国外交部长马斯已经承认，德国联邦政府误判了阿富汗局势。 马斯在16日新闻记者会上表示，“没有什么可以掩饰的。我们所有人，联邦政府、情报机构、国际社会，都错误地判断了形势。阿富汗安全部队撤退、投降的速度之快，我们，我们的伙伴和我们的专家都没有预见到。” 明明由美国“精心扶持”了20年，为何阿富汗政府军还会如此“不堪一击”？《纽约时报》认为，这部分要归因于拜登的撤军决定，自那以后阿富汗政府军的士气就直线下降，往往一枪不发就投降。有许多人接受了塔利班提供的安全通道和现金等等（通常由村庄里的长老转送）。 文章还提到，有不少美国政府官员意识到，“美国在阿富汗漫长的征程中，拜登作为总统主持了最后一场耻辱的表演，这将被载入史册”。 延伸阅读： 痛从美军机坠落遇难者身份曝光：两人是兄弟只有十几岁 平日靠卖西瓜为生 据海外网最新消息，英国媒体18日曝光了日前从美军机上坠落的两名遇难者身份，两人是兄弟，分别只有16岁和17岁。不过，悲剧似乎还在上演。据环球网援引外媒消息，喀布尔机场入口处发生踩踏事件，至少17人受伤。 英媒曝光从美军机坠落遇难者身份 据海外网8月18日消息，当地时间17日，一段被多家外媒报道的视频显示，有两人从美军C-17运输机上坠落。事发时，这架飞机刚刚从阿富汗喀布尔机场起飞。英国《每日邮报》《每日快报》消息称，这两人是一对生活在当地的青少年兄弟。 视频截图 报道进而指出，兄弟俩年龄分别为16岁和17岁，是家中仅有的子嗣，平日里在市场上靠贩售西瓜为生。该事件引发外媒热议。英媒形容，喀布尔机场混乱的场面，让美国和英国在处理阿富汗问题上更加蒙羞。 据环球网此前报道，塔利班进入阿富汗首都喀布尔后，数百名阿富汗民众挤在喀布尔国际机场企图离开阿富汗。社交媒体16日流传的一段视频显示，一架美军C-17运输机在喀布尔机场起飞后，有2个黑影从飞机上落下。事后有网友称，这是有阿富汗人躲进了美军运输机的起落架舱，当飞机起飞收起起落架后，他们不幸掉了下来。 16日，身在喀布尔的中国人张先生（化名）告诉记者，他最初也怀疑视频是假的，但有当时在喀布尔机场附近的当地雇员告诉他，“视频是真的”。但事发过程他并不清楚。 美国称每日数千人从喀布尔机场撤出 据环球网报道，路透社刚刚援引北约安全官员消息称，喀布尔机场入口处当地时间18日发生踩踏事件，至少有17人受伤。据报道，该官员还称没有听到任何关于塔利班在机场外实施暴力的消息。 图片来源：环球网 此外，据新华社8月18日消息，美国军方17日说，美军与塔利班目前未出现敌对行为，喀布尔机场处于安全状态，每天将有5000至9000人撤出。欧盟表示，西方帮助阿富汗建立现代国家的努力“没有成功”。英国、加拿大表示将接收部分阿富汗难民。 五角大楼发言人柯比17日在美国国防部记者会上说，美军指挥官与塔利班方面在喀布尔正保持沟通。美军联合参谋部官员汉克·泰勒说，超过4000名美军即将部署到位以支持人员撤离，美军与塔利班目前未出现敌对行为，喀布尔机场处于安全状态，每天将有5000至9000人撤出。美国总统国家安全事务助理沙利文17日在白宫记者会上说，塔利班已告知美方将为平民前往喀布尔机场提供安全通行。 欧盟17日紧急召开外长视频会议讨论阿富汗局势。欧盟外交与安全政策高级代表博雷利在会后的视频记者会上说，西方帮助阿富汗建立现代国家的努力没有成功，欧盟将不得不与赢得战争的塔利班进行对话。对于阿富汗局势和塔利班再次掌控阿富汗，有许多值得吸取的教训。 英国内政部17日晚宣布，鉴于阿富汗当前形势，英国承诺在未来数年共接收两万名阿富汗人赴英定居。根据紧急出台的有关安置计划，英国承诺在计划启动的第一年内接收5000名阿富汗人，包括妇女、女童以及其他弱势群体。声明说，将确保每个申请者都经过严格审查，以避免危害英国国家安全。 英国保守党议员、前“脱欧”事务大臣戴维·戴维斯说，英国应该考虑接收更多阿富汗难民，因为在参与对阿富汗长达20年的军事干预后，英国理应承担“更直接的道德责任”。 加拿大总理特鲁多17日在新闻发布会上说，加拿大政府没有承认塔利班为阿富汗的合法政府的计划。加拿大将参与稳定阿富汗局势的努力，其中包括在加拿大安置一些阿富汗人。本月13日，加拿大宣布将接收安置2万名阿富汗人，主要是为加拿大驻阿军队工作过的阿富汗人及其家人。 卡塔尔埃米尔（国家元首）塔米姆17日与德国总理默克尔就阿富汗局势进行电话磋商。卡塔尔埃米尔办公室说，塔米姆和默克尔在通话中强调继续进行阿富汗问题谈判、在阿富汗实现全面政治和解和完成权力和平过渡的重要性。此外，卡塔尔副首相兼外交大臣穆罕默德17日与联合国秘书长古特雷斯、美国国务卿布林肯等分别就阿富汗最新局势通电话。
		</div>
		<hr >
		<h3>作业3</h3>
		<p>
			4.制作4个嵌套DIV ，要求：
			<br>
			      1.每个父DIV尺寸必须大于子DIV
				  <br>
			      2.实现每个DIV在父DIV正中间
				  <br>
			      3.每个DIV至少要包含一个非DIV元素，比如：文字，P标签，A标签，图片等
				  <br>
			      4.通过最底层DIV，打印每层父DIV，如：
				  <br>
				  1级父元素为（），1级父节点为（）
				  <br>
			      5.查找每个DIV的子元素和子节点
		</p>
			<div id="div1">
				我是文字
				<div id="div2">
					<p id="myAsP" >我是p标签</p>
						<div id="div3">
							<a name="myAsA" href="">我是a标签</a>
							<div id="div4">
							<img name="myAsImg" style=" margin-top: 20px;margin-left: 20px;width: 150px; height: 150px;" src="./img/img1.png"  alt="我是图片">
							</div>
					    </div>	
				</div>
			</div>
		<hr >
	<h1>作业4：计算机</h1>
	<form action="#" method="post" id="myfrom">
			<input type="text" id="t1"  style="width: 30px; height: 30px;" />
			<select id="shoop1" onchange="okU()" >
				<option value ="">请选择你的算法</option>
				<option value ="+">+</option>
				<option value ="-">-</option>
				<option value ="*">*</option>
				<option value ="/">/</option>
			</select>
			<input type="text" id="t2"style="width: 30px; height: 30px;" />
			答案：
			<input type="text" id="t3"  placeholder="答案" style="width: 30px; height: 30px;" />
		</form>
	</body>
	<script type="text/javascript">
		var aaElement=document.getElementById('div4');
		console.log('1')
		console.log(aaElement.parentElement.parentElement.parentElement);
		console.log(aaElement.parentNode.parentNode.parentNode);
		console.log('2')
		console.log(aaElement.parentElement.parentElement);
		console.log(aaElement.parentNode.parentNode);
		console.log('3')
		console.log(aaElement.parentElement);
		console.log(aaElement.parentNode);
		console.log('4')
		console.log(aaElement);
		console.log(aaElement);
		console.log("查找每个DIV的子元素和子节点")
		var sonNode1=document.getElementById('div1');
		console.log(sonNode1.children);
		console.log(sonNode1.childNodes);
		var sonNode2=document.getElementById('div2');
		console.log(sonNode2.children);
		console.log(sonNode2.childNodes);
		var sonNode3=document.getElementById('div3');
		console.log(sonNode3.children);
		console.log(sonNode3.childNodes);
		var sonNode4=document.getElementById('div4');
		console.log(sonNode4.children);
		console.log(sonNode4.childNodes);
	</script>

	<script type="text/javascript">
	
		function okU(){
			var s1=document.getElementById('t1').value;
			var s2=document.getElementById('t2').value;
			var s3;
			
			var num1=parseFloat(s1);
			var num2=parseFloat(s2);
			//加减乘除
			var num3=document.getElementById('shoop1').value;
			switch (num3){
				case '+':
				console.log('没问题1');
				s3=num1+num2;
				break;
				
				case '-':
				console.log('没问题2');
				s3=num1-num2;
				break;
				
				case '*':
				console.log('没问题3');
				s3=num1*num2;
				break;
				
				case '/':
				console.log('没问题4');
				s3=num1/num2;
				break;
			}
			document.getElementById('t3').value=s3;
		}
		
	</script>

	<script type="text/javascript">
		
	</script>
</html>
